.homeIndex {
  height    : calc(100% - 50px);
  overflow-y: scroll;
  padding   : 0 9px;

  .home {

    //轮播图
    .carousel {
      margin-bottom: 12px;
      border-radius: 7px;

      .banner {
        width : 100%;
        height: 140px;
      }
    }

    //反馈类型
    .mold {
      background-color: #fff;
      border-radius   : 7px;
      padding         : 18px 12px;

      //标题
      .mold_up {
        display    : flex;
        align-items: center;

        img {
          width       : 20px;
          height      : 20px;
          margin-right: 10px;
        }

        span {
          font-size  : 16px;
          color      : #303133;
          font-weight: bold;
        }
      }

      //导航列表
      .mold_middle {
        display        : flex;
        align-items    : center;
        justify-content: space-around;
        margin-top     : 16px;

        a {
          text-decoration: none;
          text-align     : center;
          margin         : 0;

          img {
            width : 36px;
            height: 36px;
          }

          p {
            font-size: 12px;
            color    : #69727b;
            margin   : 8px 0 28px 0;
          }
        }
      }

      //报修列表
      .mold_down {
        display        : flex;
        align-items    : center;
        justify-content: space-between;
        box-sizing     : border-box;

        a {
          width: 49%;

          img {
            width: 100%;
          }
        }
      }

      //新消息
      .mold_last {
        background-color: #F3F8FC;
        display         : flex;
        align-items     : center;
        height          : 35px;
        border-radius   : 4px;
        color           : #69727b;
        margin-top      : 12px;

        img {
          width : 50px;
          height: 25px;
          margin: 0 10px 0 12px;
        }

        span {
          font-size: 12px;
        }
      }

    }

    //数据看板
    .board {
      margin-top      : 12px;
      padding         : 16px 12px;
      background-color: #ffffff;
      border-radius   : 7px;
      margin-bottom: 16px;
      .title {
        display        : flex;
        align-items    : center;
        justify-content: space-between;

        .mold_up {
          display    : flex;
          align-items: center;

          img {
            width       : 20px;
            height      : 20px;
            margin-right: 10px;
          }

          span {
            font-size  : 16px;
            color      : #303133;
            font-weight: bold;
          }
        }

        .select {
          background-color: #F6F7FB;
          color           : #69727b;
          font-size       : 16px;
          border-radius   : 20px;
          padding         : 0 5px;
        }
      }

      .content {
        display        : flex;
        align-items    : center;
        justify-content: space-around;
        margin-top     : 16px;

        .common_item {
          background-color: #F6F7FB;
          width: 27vw;
          height: 27vw;
          border-radius: 7px;
          padding: 12px;
          div:first-child{
            font-size: 3vw;
          }
          div:last-child{
            font-size: 8vw;
            // font-size: 16px;
            font-weight: bold;
            margin-top: 5vw;
          }
        }
        .active{
          border-bottom: 3px solid #4c79d4;
          color: #4c79d4;
        }
      }
    }
  }
}